App Clips(模式)
卡片設計
A標題:說明App Clip的名稱,通常與應用程式或品牌名稱相同。如果App Clip專注於應用程式的某個特定功能,可以在標題中體現這一功能。
/Untitled.png)
B 副標題:進一步解釋App Clip的功能和用途。是使用者初次接觸App Clip時的重要說明,幫助他們理解該Clip能做什麼。
/Untitled 1.png)
C 影象:視覺上展示App Clip的內容,可以是物理位置的照片或品牌的自定義圖形。應避免使用截圖或過多文字,以確保在小空間內易於識別和理解。
/Untitled 2.png)
/Untitled 3.png)
D 使用者與App Clip互動的主要方式,目前提供“開啟”、“檢視”和“播放”三個選項。
“開啟”這是預設選擇,適用於大多數App Clip,進入App Clip的主要功能介面。
/Untitled 4.png)
“檢視”展示資訊或視覺化內容的App Clip,比如展示一段資訊或一幅影象。
/Untitled 5.png)
“播放” 適用於媒體播放或遊戲等需要使用者進行互動的App Clip。
/Untitled 6.png)
E 應用歸屬:顯示App Clip對應的完整應用的資訊,使用者可以點選檢視更多詳情或下載完整應用。
/Untitled 7.png)
App Clips關鍵設計原則
設計優秀的App Clips需要遵循以下關鍵原則:
A 簡潔:App Clip應專注於單一任務,如下單、支付或資訊查詢。移除所有與主要任務無關的功能和介面元素,確保使用者快速完成任務。
B 快速:App Clip應快速載入,避免複雜的啟動流程。使用最簡化的操作流程,讓使用者在最短時間內完成任務。
C 推廣完整應用:在使用者完成主要任務後,適時推薦下載完整應用,提供額外功能和服務。確保App Clip在獨立執行時也有足夠的價值,而不僅僅是引導使用者下載完整應用。
/Untitled 8.png)
實際案例:
A 使用者在餐廳用餐,可以使用App Clip進行點餐和支付,無需下載完整的應用程式。使用Apple Pay進行支付,無需輸入信用卡資訊。
/Untitled 9.png)
/Untitled 10.png)
/Untitled 11.png)
B 支付停車費用。使用者透過掃描停車場的App Clip程式碼或NFC標籤進入App Clip,可以選擇停車時長。使用Apple Pay進行支付,無需輸入信用卡資訊。當停車時間即將結束時,App Clip會傳送通知,使用者可以點選通知延長停車時間。
/Untitled 12.png)
/Untitled 13.png)
C 簡單的購物體驗,使用者可以瀏覽商品並將其新增到購物車中。交易完成後,你可以提供“用Apple登入”功能,以便使用者接收促銷通知並儲存他們喜歡的商品。
/Untitled 14.png)
/Untitled 15.png)
餐廳的App 使用者可以直接在桌子上點餐和付款。體驗需要每張桌子分發獨特的App Clip程式碼,供顧客掃描。一旦掃描了程式碼,這裡的體驗可以包括一個簡單的選單,瀏覽菜品並持續新增到訂單中。然後透過Apple Pay進行結賬。在你證明你的App Clip體驗有多好之後,提供完整的應用程式,讓人們可以提前訂餐、外賣和配送。
/Untitled 16.png)
/Untitled 17.png)
/Untitled 18.png)
透過相機檢視,使用者可以實時檢視增強現實資訊。並透過註釋和資訊增強該檢視,提供關於周圍環境的資訊。與朋友一同分享。
/Untitled 19.png)
/Untitled 20.png)
簡化流程與介面
A在進入主要流程前避免新增說明、介紹和教程。
/Untitled 21.png)
避免使用登入或賬戶頁面。
/Untitled 22.png)
不需要全域性導航或大量標籤。
/Untitled 23.png)
避免任何型別的設定或管理。
/Untitled 24.png)
通知傳送策略
App Clip在首次使用後的八小時內可以傳送通知。App Clip體驗超過一天,你可以請求明確授權額外延長一週。例如,一家租車公司可以為多天的租賃請求明確授權。通知要專注於任務。不要傳送任何意外的或促銷的通知,只在響應使用者明確操作時傳送通知。
/Untitled 25.png)